// 头部粒子效果================================= 
 //配置
 var config = {
    vx: 4,	//小球x轴速度,正为右，负为左
    vy: 4,	//小球y轴速度
    height: 2,	//小球高宽，其实为正方形，所以不宜太大
    width: 2,
    count: 200,		//点个数
    color: "121, 162, 185", 	//点颜色
    stroke: "130,155,155", 		//线条颜色
    dist: 6000, 	//点吸附距离
    e_dist: 20000, 	//鼠标吸附加速距离
    max_conn: 10 	//点到点最大连接数
}

//调用
CanvasParticle(config);



// 头部身份证实名
// 获取元素
const p4span=document.querySelectorAll(".header-poster-aut-rigth-p4 span");//
const p5span=document.querySelector(".header-poster-aut-rigth-p5 span");//价格
const p5A=document.querySelector(".header-poster-aut-rigth-p5 a");//单价约
let data = [
    {"timese": 4000, "price": 1200, "unitPrice": "0.3000"},
    {"timese": 8000, "price": 2000,"unitPrice": "0.2500" },
    {"timese": 40000, "price": 8000, "unitPrice": "0.2000" }
   ];//价格数据
//    添加鼠标事件
for(let i=1;i<p4span.length;i++){
    p4span[i].innerText=`${data[i-1].timese}`;
    p4span[1].classList.add("header-poster-aut-rigth-p4-check");
    p4span[i].addEventListener("mouseover",function(){
        for(let j=1;j<p4span.length;j++){
            console.log("aaa")
            p4span[j].classList.remove("header-poster-aut-rigth-p4-check");
        }
        p4span[i].classList.add("header-poster-aut-rigth-p4-check");
        p5span.innerText=`￥${data[i-1].price}`
        p5A.innerText=data[i-1].unitPrice;
    })
}